<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>table</title>
</head>

<body>
    <!--  table 标签，表示整个表格
            # <tr> 表示表格的一行   #<td> 表示一个单元格  #<th> 表头单元格，会居中和加粗
            $ table > tr > td/th
          @ 属性
            1、align : 整个表格的对齐
            2、border : 边框，默认是0px
            3、cellspacing : 单元格之间的距离，默认是2
            4、cellpadding : 内容距离边框的距离，默认是1
            5、width/height : 设置表格的尺寸
    -->
    <table border="2px" width="800px" height="500px" cellspacing="0" cellpadding="100px" align="center">
        <tr>
            <td>姓名</td>
            <td>年龄</td>
            <td>性别</td>
        </tr>

        <tr>
            <td>张三</td>
            <td>18</td>
            <td>男</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>20</td>
            <td>女</td>
        </tr>
        <tr>
            <td>王五</td>
            <td>21</td>
            <td>男</td>
        </tr>
    </table><br /><br />

    <!-- 
        # <th> 标签，表示表头标签  一般放在<thead>中
        # <td> 标签，正常表格单元  一般放在<tbody>中
        @ 合并行 td属性 : rowspan="n" n值表示合并几行
        @ 合并列 th属性 : colspan="n" n值表示合并几列
    -->
    <table border="2px" width="800px" height="500px" cellspacing="0" cellpadding="100px" align="center">
        <thead>
            <tr>
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>

            </tr>
        </thead>

        <tbody>
            <tr>
                <td>张三</td>
                <td>18</td>
                <td rowspan="2">男</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>20</td>
                <!-- <td >男</td> -->
            </tr>
            <tr>
                <td colspan="2">王五/21</td>
                <!-- <td>21</td> -->
                <td>女</td>
            </tr>
        </tbody>
    </table>
</body>

</html>